<template>
    <div class="login">
  
        <div class="search-parent">
        <el-image class="login_image" :src="logo_url" fit="cover"></el-image>
        <p class="search-text">广西标准化协会团体查询系统</p>

</div>
      <el-card class="login_card">
        <el-form ref="ruleForm" :model="form" :rules="rules">
        <el-form-item prop="username"> 
          <el-input
          class="aaa"
            placeholder="请输入搜索内容"
            v-model="input3"
            prefix-icon="el-icon-search"
          />
          <el-button
     class="button"
      @click="submitForm">搜索
    </el-button>
          
        </el-form-item>
  
       
   
      </el-form>

        
     
  
  
  

  
  
  

        
        
      </el-card>
 
    </div>
  </template>
  
  <script>
  
  export default {
 data(){
    return{
        logo_url:require('@/assets/logo.png'),
        input3:""
    }
 },
 methods:{
    submitForm(){
        this.$router.push({
            name:'home',
            query:{name:this.input3}
        })
        console.log(this.input3)
    }
 },

  
  }
  </script>
  <style scoped>
  .login_image{
    width: 50px;
    height: 50px;
  }
  .button{
    background: #5b89fe;
    font-size: 15px;
    color: #ffffff;
    position: absolute;
    bottom: 15px;
    right: 10px;
    
  }
  .aaa{
    display: inline-block;
    width: 90%;
          bottom: 15px;
            float: left;
            height: 100%;
            border-radius: 10px;
            border: none;



  }
  .search-parent{
    
            width: 60%;
            height: 100px;
            margin: 100px auto 0;
            text-align: center;
        }
        .search-text{
            
            width: auto;
         
            font-size: 50px;
            margin: 0 auto;
            color: #5b89fe;
        }
  .login_title {
    font-size: 25px;
    font-weight: bold;
  }
  
  
  
  .login {
    width: 100%;
    height: 100%;
    background-image: url("../assets/aaa.jpg");
    position: absolute;
    left: 0;
    top: 0;
    background-size: 100% 100%;
    color: rgb(98, 135, 246);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  }
  
  .login_card {
    position: absolute;
    left: 0;
    right: 0;
    top: 50px;
    bottom: 200px;
    margin: auto;
    width: 50%;
    min-width: 10px;
    height: 50px;
    min-height: 30px;
    border-radius: 10px;
    text-align: center;
    background: #5b89fe;
    border: 1px solid #AEAFB0;
    
  }</style>